<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>主页面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="/static/webjars/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="/static/css/special/index.css" />
    <link href="/static/css/special/bootstrap-3.3.5-dist/css/bootstrap.min.css" title="" rel="stylesheet" />
    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/webjars/layui/layui.js" charset="utf-8"></script>
    <script src="/static/css/special/bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript"></script>

</head>
<body style="position:relative;">

<nav class="layui-nav" lay-filter="">
    <li class="layui-nav-item">
        <a href=""><span class="glyphicon glyphicon-home"></span></a>
    </li>
</nav>
<div class="down-main">
    <div class="left-main left-full">
        <div class="sidebar-fold"><span class="glyphicon glyphicon-menu-hamburger"></span></div>
        <div class="subNavBox">
            <div class="sBox">
                <div class="showtitle menu" style="width:140px;">区域评价</div>
                <div class="subNav sublist-down" data-src="/supervise/region_static_show"><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">区域评价</span>
                </div>
            </div>
            <div class="sBox">
                <div class="showtitle menu" style="width:140px;">部门评价</div>
                <div class="subNav sublist-up" data-src="/supervise/depart_static_show"><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">部门评价</span></div>
            </div>
            <div class="sBox">
                <div class="showtitle menu" style="width:140px;">岗位评价</div>
                <div class="subNav sublist-up" data-src="/supervise/station_static_show"><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">岗位评价</span></div>
            </div>
            <div class="sBox">
                <div class="showtitle menu" style="width:140px;">重点人管理</div>
                <div class="subNav sublist-down" data-src="/special/imp_person_show"><span class="title-icon glyphicon glyphicon-chevron-down"></span><span class="sublist-title">重点人管理</span>
                </div>
                <ul class="navContent" style="display:block">
                    <li class="active">
                        <div class="showtitle" style="width:100px;">张举</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">张举</span></a> </li>
                    <li>
                        <div class="showtitle" style="width:100px;">李顺时</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">李顺时</span></a> </li>
                    <li>
                        <div class="showtitle" style="width:100px;">何平</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">何平</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">方俊杰</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">方俊杰</span></a></li>
                    <li class="">
                        <div class="showtitle" style="width:100px;">肖丽娜</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">肖丽娜</span></a> </li>
                    <li>
                        <div class="showtitle" style="width:100px;">张飞</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">张飞</span></a> </li>
                    <li>
                        <div class="showtitle" style="width:100px;">刘备</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">刘备</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">叶凡</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">叶凡</span></a></li>
                    <li class="">
                        <div class="showtitle" style="width:100px;">关羽</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">关羽</span></a> </li>
                    <li>
                        <div class="showtitle" style="width:100px;">胡隆河</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">胡隆河</span></a> </li>
                    <li>
                        <div class="showtitle" style="width:100px;">雷楚桥</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">雷楚桥</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">雷双凤</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">雷双凤</span></a></li>
                    <li class="">
                        <div class="showtitle" style="width:100px;">王宇</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">王宇</span></a> </li>
                    <li>
                        <div class="showtitle" style="width:100px;">甘语楠</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">甘语楠</span></a> </li>
                </ul>
            </div>
            <div class="sBox">
                <div class="showtitle menu" style="width:140px;">重点地点管理</div>
                <div class="subNav sublist-up" data-src="/special/imp_location_show" ><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">重点地点管理</span></div>
                <ul class="navContent" style="display:none">
                    <li>
                        <div class="showtitle" style="width:100px;">太平镇</div>
                        <a href="#"><span class="sublist-icon  glyphicon glyphicon-map-marker"></span><span class="sub-title">太平镇</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">莲花镇</div>
                        <a href="#"><span class="sublist-icon  glyphicon glyphicon-map-marker"></span><span class="sub-title">莲花镇</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">麒麟乡</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-map-marker"></span><span class="sub-title">麒麟乡</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">石海镇</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-map-marker"></span><span class="sub-title">石海镇</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">新坝乡</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-map-marker"></span><span class="sub-title">新坝乡</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">玉秀苗族乡</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-map-marker"></span><span class="sub-title">玉秀苗族乡</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">大河苗族乡</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-map-marker"></span><span class="sub-title">大河苗族乡</span></a></li>

                </ul>
            </div>
            <div class="sBox">
                <div class="showtitle menu"  style="width:140px;">重点物件管理</div>
                <div class="subNav sublist-up"><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">重点物件管理</span></div>
                <ul class="navContent" style="display:none">
                    <li>
                        <div class="showtitle" style="width:100px;">汽油</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-oil"></span><span class="sub-title">汽油</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">汽油</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-oil"></span><span class="sub-title">汽油</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">汽油</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-oil"></span><span class="sub-title">汽油</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">汽油</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-oil"></span><span class="sub-title">汽油</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">汽油</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-oil"></span><span class="sub-title">汽油</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">汽油</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-oil"></span><span class="sub-title">汽油</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">汽油</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-oil"></span><span class="sub-title">汽油</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">汽油</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-oil"></span><span class="sub-title">汽油</span></a></li>
                    <li>
                        <div class="showtitle" style="width:100px;">汽油</div>
                        <a href="#"><span class="sublist-icon glyphicon glyphicon-oil"></span><span class="sub-title">汽油</span></a></li>

                </ul>
            </div>
            <div class="sBox">
                <div class="showtitle menu"  style="width:140px;">重点组织管理</div>
            <div class="subNav sublist-up" data-src="/special/imp_organization_show"><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">重点组织管理</span></div>
            <ul class="navContent" style="display:none">
                <li>
                    <div class="showtitle" style="width:100px;">地图信息联动</div>
                    <a href="#"><span class="sublist-icon glyphicon glyphicon-tasks"></span><span class="sub-title">党组织</span></a></li>
                <li>
                    <div class="showtitle" style="width:100px;">综合评价查询</div>
                    <a href="#"><span class="sublist-icon glyphicon glyphicon-tasks"></span><span class="sub-title">共青团</span></a></li>
                <li>
                    <div class="showtitle" style="width:100px;">网格员分部</div>
                    <a href="#"><span class="sublist-icon glyphicon glyphicon-tasks"></span><span class="sub-title">民盟</span></a></li>
                <li>
                    <div class="showtitle" style="width:100px;">网格员轨迹</div>
                    <a href="#"><span class="sublist-icon glyphicon glyphicon-tasks"></span><span class="sub-title">团体活动</span></a></li>
                <li>
                    <div class="showtitle" style="width:100px;">数据综合展示</div>
                    <a href="#"><span class="sublist-icon glyphicon glyphicon-tasks"></span><span class="sub-title">其他</span></a></li>

            </ul>
        </div>

        </div>
    </div>
    <div class="right-product my-index right-full">
        <iframe style="width:100%;height:100%;border:0px;overflow-x: hidden;" src=""></iframe>
    </div>
</div>
<script type="text/javascript">


    $(function(){
        /*高度适配*/

        var h =  $(window).height();
        $(".my-index").height(h);

        /*左侧导航栏显示隐藏功能*/
        $(".subNav").click(function(){
            /*显示*/
            if($(this).find("span:first-child").attr('class')=="title-icon glyphicon glyphicon-chevron-down")
            {
                $(this).find("span:first-child").removeClass("glyphicon-chevron-down");
                $(this).find("span:first-child").addClass("glyphicon-chevron-up");
                $(this).removeClass("sublist-down");
                $(this).addClass("sublist-up");
            }
            /*隐藏*/
            else
            {
                $(this).find("span:first-child").removeClass("glyphicon-chevron-up");
                $(this).find("span:first-child").addClass("glyphicon-chevron-down");
                $(this).removeClass("sublist-up");
                $(this).addClass("sublist-down");
            }
            // 修改数字控制速度， slideUp(500)控制卷起速度
            $(this).next(".navContent").slideToggle(300).siblings(".navContent").slideUp(300);
        })
        /*左侧导航栏缩进功能*/
        $(".left-main .sidebar-fold").click(function(){

            if($(this).parent().attr('class')=="left-main left-full")
            {
                $(this).parent().removeClass("left-full");
                $(this).parent().addClass("left-off");

                $(this).parent().parent().find(".right-product").removeClass("right-full");
                $(this).parent().parent().find(".right-product").addClass("right-off");

            }
            else
            {
                $(this).parent().removeClass("left-off");
                $(this).parent().addClass("left-full");

                $(this).parent().parent().find(".right-product").removeClass("right-off");
                $(this).parent().parent().find(".right-product").addClass("right-full");

            }
        })

        /*左侧鼠标移入提示功能*/
        $(".sBox").mouseenter(function(){
            if($(this).find("span:last-child").css("display")=="none")
            {$(this).find(".menu").show();}
        }).mouseleave(function(){$(this).find(".menu").hide();});

        $(".sBox ul li").mouseenter(function(){
            if($(this).find("span:last-child").css("display")=="none")
            {$(this).find("div").show();}
        }).mouseleave(function(){$(this).find("div").hide();});


        /*左侧菜单响应,注意顺序不能颠倒*/
        $(".sBox").on("click",".sublist-down",function(){

            var aurl = $(this).attr("data-src");
            $("iframe").attr("src",aurl);
            return false;
        });
    })
</script>

</body>
<script type="text/javascript" src="/static/js/special/dat.gui.min.js"></script>
</html>